<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--<meta http-equiv="Refresh" content="3; url=">-->
    <meta name="description" content="LayoutIt">
    <title>综合管理平台</title>

    <!-- 核心样式开始 -->
    <link href="css/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/css/jquery-ui.min.css">
    <link rel="stylesheet" href="./css/css/jquery.mCustomScrollbar.css">
    <link rel="stylesheet" href="./css/css/jquery.datetimepicker.css">
    <link rel="stylesheet" href="./js/js/skins/square/blue.css">

    <link rel="stylesheet" href="./css/base.css">
    <link title="blue" href="css/blue.css" rel="stylesheet">
    <link title="purpleBlue" href="css/purpleBlue.css" rel="stylesheet" disabled="disabled">
    <link title="golden" href="css/golden.css" rel="stylesheet" disabled="disabled">
    <!--核心样式结束-->

    <link rel="stylesheet" href="./css/users.css">

    <!-- Fav and touch fa fas -->
    <link rel="shortcut icon" href="image/favicon.ico">

    <!--核心js文件开始-->
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="js/js/html5shiv.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/js/jquery-2.1.4.min.js"></script>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/js/jquery-1.12.0.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/js/bootstrap.min.js"></script>
    <script src="./js/js/icheck.min.js"></script>
    <script type="text/javascript" src="js/js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/js/jquery.ui.touch-punch.min.js"></script>
    <script src="./js/js/jquery.cookie.js"></script>
    <script src="./js/js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="./js/js/jquery.datetimepicker.js"></script>
    <script src="./js/common.js"></script>
    <!--核心js文件结束-->
    <script src="js/js/gauge.js"></script>

    <script type="text/javascript" src="js/users.js"></script>
    <script type="text/javascript" src="js/nav.js"></script>
</head>

<body style="cursor: auto; overflow: hidden;" class="edit">
<div class="container-fluid">
    <div class="row-fluid">
        <!-- 菜单栏开始 BEGIN SIDEBAR MENU -->
        <div class="">
            <div class="sidebar-nav">

                <!-- 侧边按钮开始 BEGIN SIDEBAR TOGGLER BUTTON -->
                <div class="clearfix">
                    <div class="sidebar-toggler hidden-phone zoom-out" id="devpreview1"><i
                            class="fa fa-angle-left fa-2x"></i></div>
                </div>
                <!-- 侧边按钮结束 BEGIN SIDEBAR TOGGLER BUTTON -->

                <!-- 响应快速搜索表单开始 BEGIN RESPONSIVE QUICK SEARCH FORM -->
                <form class="sidebar-search">
                    <div class="input-box">
                        <a href="javascript:;" class="remove"></a>
                        <input type="text" placeholder="Search..."/>
                        <div class="submit"><i class="fa fa-search"></i></div>
                    </div>
                </form>
                <!-- 响应快速搜索表单结束 END RESPONSIVE QUICK SEARCH FORM -->

                <ul class="nav nav-list accordion-group">
                    <li class="nav-header">
                        <a href="index.html"><i class="fa fa-home"></i><span class="title">首页</span></a>
                    </li>
                </ul>
                <ul class="nav nav-list accordion-group">
                    <li class="nav-header">
                        <a href="servers.html"><i class="fa fa-sitemap"></i><span class="title">服务器</span></a>
                    </li>
                    <li style="display: none" class="rows" id="estRows">
                        <div class="lyrow large ui-draggable" index="0">
                            <a href="#close" class="remove label label-important"><i
                                    class="fa fa-remove fa fa-white"></i></a>
                            <span class="drag label">深圳</span>
                            <div class="view">
                                <div class="row-fluid clearfix">
                                    <div class="span12 column">
                                        <div class="viewHead">
                                            <div class="crowd">吞吐量(流入和流出)</div>
                                            <div class="begin">
                                                <input type="text" name="begin" class="dtpicker">
                                            </div>
                                            <div class="end">
                                                <input type="text" name="end" class="dtpicker">
                                            </div>
                                            <div class="lastHour">最近一小时</div>
                                            <div class="submit">
                                                <i class="fa fa-check"></i>
                                                <input type="hidden" name="">
                                                <input type="hidden" name="">
                                            </div>
                                        </div>
                                        <iframe class='model-data' src=""></iframe>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="lyrow large ui-draggable" index="1">
                            <a href="#close" class="remove label label-important"><i
                                    class="fa fa-remove fa fa-white"></i></a>
                            <span class="drag label">广州</span>
                            <div class="view">
                                <div class="row-fluid clearfix">
                                    <div class="span12 column">
                                        <div class="viewHead">
                                            <div class="crowd">吞吐量(流入和流出)</div>
                                            <div class="begin">
                                                <input type="text" name="begin" class="dtpicker">
                                            </div>
                                            <div class="end">
                                                <input type="text" name="end" class="dtpicker">
                                            </div>
                                            <div class="lastHour">最近一小时</div>
                                            <div class="submit">
                                                <i class="fa fa-check"></i>
                                                <input type="hidden" name="">
                                                <input type="hidden" name="">
                                            </div>
                                        </div>
                                        <iframe class='model-data' src=""></iframe>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="lyrow large ui-draggable" index='2'>
                            <a href="#close" class="remove label label-important"><i
                                    class="fa fa-remove fa fa-white"></i></a>
                            <span class="drag label">香港</span>
                            <div class="view">
                                <div class="row-fluid clearfix">
                                    <div class="span12 column">
                                        <div class="viewHead">
                                            <div class="crowd">吞吐量(流入和流出)</div>
                                            <div class="begin">
                                                <input type="text" name="begin" class="dtpicker">
                                            </div>
                                            <div class="end">
                                                <input type="text" name="end" class="dtpicker">
                                            </div>
                                            <div class="lastHour">最近一小时</div>
                                            <div class="submit">
                                                <i class="fa fa-check"></i>
                                                <input type="hidden" name="">
                                                <input type="hidden" name="">
                                            </div>
                                        </div>
                                        <iframe class='model-data' src=""></iframe>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="lyrow large ui-draggable" index="3">
                            <a href="#close" class="remove label label-important"><i
                                    class="fa fa-remove fa fa-white"></i></a>
                            <span class="drag label">澳门</span>
                            <div class="view">
                                <div class="row-fluid clearfix">
                                    <div class="span12 column">
                                        <div class="viewHead">
                                            <div class="crowd">吞吐量(流入和流出)</div>
                                            <div class="begin">
                                                <input type="text" name="begin" class="dtpicker">
                                            </div>
                                            <div class="end">
                                                <input type="text" name="end" class="dtpicker">
                                            </div>
                                            <div class="lastHour">最近一小时</div>
                                            <div class="submit">
                                                <i class="fa fa-check"></i>
                                                <input type="hidden" name="">
                                                <input type="hidden" name="">
                                            </div>
                                        </div>
                                        <iframe class='model-data' src=""></iframe>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="add_manage">
                            <div class="add label">添加</div>
                            <div class="manage label">管理</div>
                        </div>
                    </li>
                </ul>
                <ul class="nav nav-list accordion-group">
                    <li class="nav-header">
                        <a href="topology.html"><i class="fa fa-bar-chart"></i><span class="title">业务拓扑</span></a>
                    </li>
                </ul>
                <ul class="nav nav-list accordion-group">
                    <li class="nav-header">
                        <a href="report.html"><i class="fa fa-list-alt"></i><span class="title">服务质量报告</span></a>
                    </li>
                </ul>
                <ul class="nav nav-list accordion-group bg-color">
                    <li class="nav-header">
                        <a href="users.html"><i class="fa fa-users"></i><span class="title">用户管理</span></a>
                    </li>
                </ul>
                <ul class="nav nav-list accordion-group">
                    <li class="nav-header">
                        <i class="fa fa-plus"></i>
                        <span class="title">应用扩展</span>
                    </li>
                    <li style="display: none;" class="rows mute" id="elmComm">
                        <div class="preview">建设中...</div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 菜单栏结束 END SIDEBAR MENU -->
        <!-- 视图区域开始 -->
        <div id="content-md">
            <div class="viewArea">
                <div class="viewArea-h">用户列表</div>
                <div class="viewArea-c">
                    <div class="v-header">
                        <form class="bs-example bs-example-form w300 fl" role="form">
                            <div class="input-group">
                                <input class="form-control" type="text">
                                   <span class="input-group-btn">
                                      <button class="btn btn-default" type="button">
                                          Go!
                                      </button>
                                   </span>
                            </div>
                        </form>
                        <a href="user_add.html" class="btn pull-right add-user">
                            <span class="fa fa-user-plus">&nbsp;&nbsp;添加用户</span>
                        </a>
                    </div>
                    <div class="v-content">
                        <table class="table table-striped table-hover">
                            <thead>
                            <tr>
                                <th>
                                    <input type="checkbox" class="all-dele">
                                </th>
                                <th>
                                    <div class="dropdown">
                                        <a id="drop1" href="#" role="button" class="btn dropdown-toggle"
                                           data-toggle="dropdown">全部服务器 <b class="caret"></b></a>
                                        <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                                            <li><a tabindex="-1" href="#">广州</a></li>
                                            <li><a tabindex="-1" href="#">深圳</a></li>
                                            <li><a tabindex="-1" href="#">香港</a></li>
                                            <li><a tabindex="-1" href="#">澳门</a></li>
                                            <!--<li class="divider"></li>-->
                                            <!--<li><a tabindex="-1" href="#">Separated link</a></li>-->
                                        </ul>
                                    </div>
                                </th>
                                <th>用户名</th>
                                <th>用户级别</th>
                                <th>用户IP</th>
                                <th>创建时间</th>
                                <th>最后登录时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td></td>
                                <td>广州</td>
                                <td>admin</td>
                                <td>超级管理员</td>
                                <td>127.0.0.1</td>
                                <td>1979.01.01 00:00</td>
                                <td>1979.01.01 00:00</td>
                                <td>
                                    <div class="btn-group">
                                        <a href="user_detail.html" class="btn btn-default btn-gradient"><i
                                                class="fa fa-search"></i></a>
                                        <a href="user_edit.html" class="btn btn-default btn-gradient"><i
                                                class="fa fa-pencil-square-o"></i></a>
                                        <a href="#" onclick="return confirm('确定要删除吗？');"
                                           class="btn btn-default btn-gradient"><i
                                                class="fa fa-trash-o"></i></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="dele">
                                        <input type="checkbox">
                                    </div>
                                </td>
                                <td>广州</td>
                                <td>test</td>
                                <td>管理员</td>
                                <td>127.0.0.2</td>
                                <td>1979.01.01 00:00</td>
                                <td>1979.01.01 00:00</td>
                                <td>
                                    <div class="btn-group">
                                        <a href="#" class="btn btn-default btn-gradient"><i
                                                class="fa fa-search"></i></a>
                                        <a href="user_edit.html" class="btn btn-default btn-gradient"><i
                                                class="fa fa-pencil-square-o"></i></a>
                                        <a href="#" onclick="return confirm('确定要删除吗？');"
                                           class="btn btn-default btn-gradient"><i
                                                class="fa fa-trash-o"></i></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="dele">
                                        <input type="checkbox">
                                    </div>
                                </td>
                                <td>广州</td>
                                <td>小明</td>
                                <td>管理员</td>
                                <td>127.0.0.2</td>
                                <td>1979.01.01 00:00</td>
                                <td>1979.01.01 00:00</td>
                                <td>
                                    <div class="btn-group">
                                        <a href="#" class="btn btn-default btn-gradient"><i
                                                class="fa fa-search"></i></a>
                                        <a href="#" class="btn btn-default btn-gradient"><i
                                                class="fa fa-pencil-square-o"></i></a>
                                        <a href="#" class="btn btn-default btn-gradient"><i
                                                class="fa fa-trash-o"></i></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="dele">
                                        <input type="checkbox">
                                    </div>
                                </td>
                                <td>广州</td>
                                <td>小明</td>
                                <td>管理员</td>
                                <td>127.0.0.2</td>
                                <td>1979.01.01 00:00</td>
                                <td>1979.01.01 00:00</td>
                                <td>
                                    <div class="btn-group">
                                        <a href="#" class="btn btn-default btn-gradient"><i
                                                class="fa fa-search"></i></a>
                                        <a href="#" class="btn btn-default btn-gradient"><i
                                                class="fa fa-pencil-square-o"></i></a>
                                        <a href="#" class="btn btn-default btn-gradient"><i
                                                class="fa fa-trash-o"></i></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="dele">
                                        <input type="checkbox">
                                    </div>
                                </td>
                                <td>广州</td>
                                <td>小明</td>
                                <td>管理员</td>
                                <td>127.0.0.2</td>
                                <td>1979.01.01 00:00</td>
                                <td>1979.01.01 00:00</td>
                                <td>
                                    <div class="btn-group">
                                        <a href="#" class="btn btn-default btn-gradient"><i
                                                class="fa fa-search"></i></a>
                                        <a href="#" class="btn btn-default btn-gradient"><i
                                                class="fa fa-pencil-square-o"></i></a>
                                        <a href="#" class="btn btn-default btn-gradient"><i
                                                class="fa fa-trash-o"></i></a>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="dele">
                                        <input type="checkbox">
                                    </div>
                                </td>
                                <td>广州</td>
                                <td>小明</td>
                                <td>管理员</td>
                                <td>127.0.0.2</td>
                                <td>1979.01.01 00:00</td>
                                <td>1979.01.01 00:00</td>
                                <td>
                                    <div class="btn-group">
                                        <a href="#" class="btn btn-default btn-gradient"><i
                                                class="fa fa-search"></i></a>
                                        <a href="#" class="btn btn-default btn-gradient"><i
                                                class="fa fa-pencil-square-o"></i></a>
                                        <a href="#" class="btn btn-default btn-gradient"><i
                                                class="fa fa-trash-o"></i></a>
                                    </div>
                                </td>
                            </tr>
                            </tbody>

                        </table>
                    </div>
                    <div class="v-footer">
                        <div class="pull-left">
                            <button class="btn" type="submit">
                                <i class="fa fa-trash"></i>
                            </button>
                        </div>
                        <ul class="pagination fr">
                            <li><a href="#">&laquo;</a></li>
                            <li class="active"><a href="#">1</a></li>
                            <li class="disabled"><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><input type="text" class="input"></li>
                            <li><a href="#">&raquo;</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 视图区域结束 -->
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue',
            increaseArea: '20%' // optional
        });
        $('.all-dele').on('ifChecked', function () {
            $('.dele input').iCheck('check');
        })
        $('.all-dele').on('ifUnchecked', function () {
            $('.dele input').iCheck('uncheck');
        });
    });
</script>
<!--<div class="footer" style="text-align:center;">-->
<!--<p>From:<a href="http://182.92.168.13/" target="_blank">77Element</a></p>-->
<!--</div>-->


</body>
</html>